<?php
require('../functions.php');
require('../header.php');

$months = array(
	"January",
	"February",
	"March",
	"April",
	"May",
	"June",
	"July",
	"August",
	"September",
	"October",
	"November",
	"December"
);

$type = array(
	"GoSee",
	"Job",
	"Option",
	"Casting",
	"Reminder",
	"Unavailable",
	"Runway",
	"Test",
	"Appointment",
	"Fitting"
);

//echo $url;

?>
			
			<div id="type_head">
				<!--<span>Adding Job</span> -->
				<ul>
					<li>manage calendar</li>
					<li>|</li>
					<li>print job</li>
				</ul>
			</div>
			
			<div id="main_cal_container">
				<div class="cal_navigation">
					<ul>
						<li>Day</li>
						<li>Next 3 Days</li>
						<?php if(in_array("wschedule.php", $url_split)) :?>
						<li class="selected_tab">Week</li>
						<?php else: ?>
						<li>Week</li>
						<?php endif; ?>
						<li>Timetable</li>
					</ul>	
				</div> <!-- end cal navigation -->
				
				<div id="week_container">
					<div class="cal_search_container">
						
						<div class="cal_search">
							
							<div class="select_cal_search_options">
								<form>
									<select>
										<option>Choose Board</option>
									</select>
								
									<select>
										<option>Choose Talent</option>
									</select>
								
									<select>
										<option>Optional Questions</option>
									</select>
								</form>
							</div> <!-- end select search options -->
							
							<div class="select_date_cal_search_options">
								<div class="select_date_arrow_prev">
								</div>
								
								<div class="select_wdates_cal_search">
									
									<div class="week_search_wrap">
										<div class="week_from">
											<form>
												<select>
													<option>Month</option>
													<?php foreach($months as $month) : ?>
													<option><?php echo $month; ?></option> 
													<?php endforeach; ?>
												</select>
												
												<select>
													<option>Day</option>
													<?php for($x = 1; $x < 32; $x++) : ?>
													<option><?php echo $x; ?></option>
													<?php endfor;?>
												</select>
											
												<select>
													<option>Year</option>
													<option>2011</option>
													<option>2012</option>
													<option>2013</option>
													<option>2014</option>
													<option>2015</option>
												</select>
											</form>
										</div> <!-- end week from -->
										
										<p>-</p>
										
										<div class="week_to">
											<form>
												<select>
													<option>Month</option>
													<?php foreach($months as $month) : ?>
													<option><?php echo $month; ?></option> 
													<?php endforeach; ?>
												</select>
											
												<select>
													<option>Day</option>
													<?php for($x = 1; $x < 32; $x++) : ?>
													<option><?php echo $x; ?></option>
													<?php endfor;?>
												</select>
											
												<select>
													<option>Year</option>
													<option>2011</option>
													<option>2012</option>
													<option>2013</option>
													<option>2014</option>
													<option>2015</option>
												</select>
											</form>
										</div> <!-- end week to -->
									</div> <!-- end week_wrap -->
									
									<div class="select_date_arrow_next">
									</div>
									
									<form class="submit_search">
										<input type="submit" value="Search" />
									</form>	
								</div> <!-- end select wdates cal search -->
							</div> <!-- end select date cal search options -->
						</div> <!-- cal search -->
						
						<div class="event_type_options">
							<ul>
								<li style="padding: 3px 15px 0 0;"><input type="radio" name="" value="All Events" checked />&nbsp;All Events</li>
								<li><input type="radio" name="" value="Event Type" />&nbsp;
									<select>
										<option>Choose Event Type</option>
										<option>Private Events</option>
										<?php foreach($type as $types) : ?>
										<option><?php echo $types; ?></option>
										<?php endforeach; ?>
									</select>
								</li>
							</ul>	
							
							<p>Show:</p>	
						</div> <!-- end event type options -->
						
						<div class="inner_cal_container">
							<div class="inner_cal_event_info_container">
								<div class="inner_cal_event_info">
									<p class="week_of">Week Of <?php echo date('F d, Y'); ?>&nbsp;<img src="../images/plus.png" width="16" height="16" /></p>
									<p class="events_for">Showing Events For [name here]</p>
								</div> <!-- end inner cal event info -->
							</div> <!-- end inner cal event info container -->
							
							<div class="main_cal_event_content">
								
								<table border="1">
									<table class="cal_col1">
									<tr>	
										<th colspan=2>Monday Month, Day# <div class="right"><a href="http://localhost/~ghost/project_perso/agency_calendar/job/history.php"><img src="../images/plus.png" width="16" height="16" /></a></div></th>
									</tr>
									
									<tr>
										<td>
											<div style="height: 195px; overflow: scroll !important; padding: 5px; text-align: left;">
												monday content
											</div>
										</td>
									</tr>
									
									<tr>
										<th colspan=2>Wednesday Month, Day# <div class="right"><a href="http://localhost/~ghost/project_perso/agency_calendar/job/history.php"><img src="../images/plus.png" width="16" height="16" /></a></div></th>
									</tr>
									
									<tr>
										<td>
											<div style="height: 195px; overflow: scroll !important; padding: 5px; text-align: left;">
												wednesday content
											</div>
										</td>
									</tr>
									
									<tr>
										<th colspan=2>Friday Month, Day# <div class="right"><a href="http://localhost/~ghost/project_perso/agency_calendar/job/history.php"><img src="../images/plus.png" width="16" height="16" /></a></div></th>
									</tr>
									
									<tr>
										<td>
											<div style="height: 195px; overflow: scroll !important; padding: 5px; text-align: left;">
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												v
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												v
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
												friday content <br />
											</div>
										</td>
									</tr>
									
									</table>
									
									<table class="cal_col2">
										<tr>	
											<th colspan=2>Tuesday, Month Day# <div class="right"><a href="http://localhost/~ghost/project_perso/agency_calendar/job/history.php"><img src="../images/plus.png" width="16" height="16" /></a></div></th>
										</tr>
										
										<tr>
											<td>
												<div style="height: 195px; overflow: scroll !important; padding: 5px; text-align: left;">
													tuesday content
												</div>
											</td>
										</tr>
										
										<tr>
											<th colspan=2>Thursday Month, Day# <div class="right"><a href="http://localhost/~ghost/project_perso/agency_calendar/job/history.php"><img src="../images/plus.png" width="16" height="16" /></a></div></th>
										</tr>
										
										<tr>
											<td>
												<div style="height: 195px; overflow: scroll !important; padding: 5px; text-align: left;">
													thursday content
												</div>
											</td>
										</tr>
										
										<table class="cal_col_sat_sun">
											<tr>
												<th colspan=2>Saturday Month, Day# <div class="right"><a href="http://localhost/~ghost/project_perso/agency_calendar/job/history.php"><img src="../images/plus.png" width="16" height="16" /></a></div></th>
											</tr>
											
											<tr>
												<td>
													<div style="height: 80px !important; overflow: scroll !important; padding: 5px; text-align: left;">
														saturday content
													</div>
												</td>
											</tr>
											
											<tr>
												<th colspan=2>Sunday Month, Day# <div class="right"><a href="http://localhost/~ghost/project_perso/agency_calendar/job/history.php"><img src="../images/plus.png" width="16" height="16" /></a></div></th>
											</tr>
											
											<tr>
												<td>
													<div style="height: 80px !important; overflow: scroll !important; padding: 5px; text-align: left;">
														sunday content
													</div>
												</td>
											</tr>
											
										</table>
									</table>
								
								</table> 

							</div><!-- main cal -->
						</div> <!-- end inner cal container -->
						
						<div class="quick_add_event_container">
							<div class="quick_add_event_head">
								<p><b>Quick Add</b> (Add a Task)</p>
								<p class="public_private_event">
									<input type="radio" name="" value="Private" checked /> Private
									&nbsp;&nbsp;&nbsp;&nbsp;
									<input type="radio" name="" value="Public" /> Public
								</p>
								
								<p class="inc_more_details"><a href="#">Include More Details</a></p>
							</div> <!-- end quick add event head -->
							
							<div class="quick_add_event_content">
								<div class="q_event_content">
									<form>
										<label>Task Name</label><br />
										<input type="text" name="" maxlength="40" size="20" />
									</form>
								
									<form>
										<label>Date</label><br />
										<select>
											<option>Month</option>
											<?php foreach($months as $month) : ?>
											<option><?php echo $month; ?></option> 
											<?php endforeach; ?>
										</select>
									
										<select>
											<option>Day</option>
											<?php for($x = 1; $x < 32; $x++) : ?>
											<option><?php echo $x; ?></option>
											<?php endfor;?>
										</select>
									
										<select>
											<option>Year</option>
											<option>2011</option>
											<option>2012</option>
											<option>2013</option>
											<option>2014</option>
											<option>2015</option>
										</select>
									</form>
								
									<form>
										<label>Time</label><br />
										<select>
											<option>Time</option>
										</select>
										<select>
											<option>AM</option>
											<option>PM</option>
										</select>
									</form>
								
									<form>
										<label>Set Priority</label><br />
										<select>
											<option class="priority_low">Low</option>
											<option class="priority_medium">Medium</option>
											<option class="priority_high">High</option>
										</select>
									</form>
								
									<input class="quick_add" type="submit" name="add" value="Add" />
								</div> <!-- end q event content -->	
							</div> <!-- end quick add event content -->
						</div> <!-- end quick add container -->
						
						<div class="event_cal_foot_options">
							<ul>
								<li><input type="checkbox" name="" value="tasks" /> Tasks</li>
								<li><input type="checkbox" name="" value="calnav" /> Calendar Navigation</li>
							</ul>
							
							<p>Show:</p>
						</div>
						
					</div> <!-- cal search container -->
				</div> <!-- end week container -->
			</div> <!-- end main cal container -->
			
<?php include('../footer.php'); ?>